<template>
	<div>
		<multi-upload v-if="mode === 'D'" :disabled="true" />
		<!--		<template v-else-if="form.perm === 'R'">-->
		<!--			<template v-for="item in form.props.value">-->
		<!--				<el-image-->
		<!--						style="width: 100px; height: 100px"-->
		<!--						:src="item.url"-->
		<!--						:zoom-rate="1.2"-->
		<!--						:max-scale="7"-->
		<!--						:min-scale="0.2"-->
		<!--						:preview-src-list="form.props.value.map(res=>res.url)"-->
		<!--						:initial-index="4"-->
		<!--						fit="cover"-->
		<!--				/>-->
		<!--			</template>-->
		<!--		</template>-->
		<multi-upload v-else v-model="form.props.value" :limit="form.props.max" :maxSize="form.props.maxSize"
			:disabled="form.perm === 'R'" />
	</div>
</template>

<script lang="ts" setup>
// 工作流模版-表单设计-组件-图片上传
import { defineExpose } from "vue";
import MultiUpload from "../Upload/MultiUpload.vue";

let props = defineProps({
	mode: {
		type: String,
		default: 'D'
	},
	form: {
		type: Object, default: () => {
		}
	}
});
</script>

<style scoped lang="less"></style>